    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="./css/index.css">
        <title>京东官网</title>
    </head>
    <body>
        <div class="jingdong">
            <header>
            <a href="" class="logo"></a>
                <div class="search">
                    <input type="text" placeholder="点击搜索">
                </div>
                <a href="" class="btn">登录</a>
            </header>
            <div class="lunbotu">
                <ul>
                    <li>
                        <a href="">
                            <img src="./uploads/l2.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="list">
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/nav_1.png" alt="">
                            <p>京东超市</p>
                        </a>
                    </li>
                    <li> 
                        <a href="">
                        <img src="./images/nav_2.png" alt="">
                        <p>京东超市</p>
                    </a>
                    </li>
                    <li> 
                        <a href="">
                        <img src="./images/nav_3.png" alt="">
                        <p>京东超市</p>
                    </a>
                    </li>
                    <li> 
                        <a href="">
                        <img src="./images/nav_4.png" alt="">
                        <p>京东超市</p>
                    </a>
                    </li>      
                    <li> 
                        <a href="">
                        <img src="./images/nav_5.png" alt="">
                        <p>京东超市</p>
                    </a>
                    </li>     
                    <li> 
                        <a href="">
                        <img src="./images/nav_6.png" alt="">
                        <p>京东超市</p>
                    </a>    
                    </li>            
                    <li> 
                        <a href="">
                        <img src="./images/nav_7.png" alt="">
                        <p>京东超市</p>
                    </a>
                    </li>
                    <li> 
                        <a href="">
                        <img src="./images/nav_8.png" alt="">
                        <p>京东超市</p>
                    </a>
                    </li>
                </ul>
            </div>
            <div class="Countdown">
                <div class="countdown">
                    <span class="clock"></span>
                    <span class="fonts">掌上秒杀</span>
                    <div class="time">
                        <span>5</span>
                        <span>5</span>
                        <span>:</span>
                        <span>5</span>
                        <span>5</span>
                        <span>:</span>
                        <span>5</span>
                        <span>5</span>
                    </div>
                    <a href="">更多秒杀</a>
                </div>
                <div class="content">
                    <a href="">
                        <img src="./uploads/seckill_1.jpg" alt="">
                        <span>热卖</span>
                        <p>￥ 89</p>
                        <del>￥ 200</del>
                    </a>
                    <a href="">
                        <img src="./uploads/seckill_1.jpg" alt="">
                        <span>热卖</span>
                        <p>￥ 89</p>
                        <del>￥ 200</del>
                    </a>
                    <a href="">
                        <img src="./uploads/seckill_1.jpg" alt="">
                        <span>热卖</span>
                        <p>￥ 89</p>
                        <del>￥ 200</del>
                    </a>
                </div>
            </div>
            <div class="footer">
                <div class="footers">
                    <img src="./uploads/banner_bg.jpg" alt="">
                    <ul class="clearfix">
                        <li>
                            <a href=""><img src="./uploads/banner_1.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="./uploads/banner_2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href=""><img src="./uploads/banner_3.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
                <div class="matter">
                    <a href="">
                        <img src="./uploads/major_1.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/major_2.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/major_3.jpg" alt="">
                    </a>
                </div>
                <div class="details">
                    <a href="">
                        <img src="./uploads/major_4.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/major_5.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/major_6.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/major_7.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="zhuti">
                <a href="">
                    <img src="./uploads/advert_2.jpg" alt="">
                </a>
            </div>
            <div class="zhutijie">
                <a href="" class="title">主题街</a>
                <div class="articles clearfix">
                    <a href="">
                        <img src="./uploads/theme_1.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_2.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_3.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_4.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_5.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_6.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_7.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_8.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_9.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_10.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_11.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/theme_12.jpg" alt="">
                    </a>
                </div>
                <a href="" class="zhutijiao">
                    <img src="./uploads/advert_3.jpg" alt="">
                </a>
            </div>
            <div class="brand">
                <a href="" class="brand-title">
                    品牌推荐
                </a>
                <div class="merchandise">
                    <a href="">
                        <img src="./uploads/brand_1.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/brand_2.jpg" alt="">
                    </a>
                    <a href="">
                        <img src="./uploads/brand_3.jpg" alt="">
                    </a>
                </div>
                <a href="" class="brand-footer">
                    <img src="./uploads/advert_4.jpg" alt="">
                </a>
            </div>
            <div class="like">
                <a href="" class="like-title">
                    猜你喜欢
                </a>        
                <a href="" class="like-more"><img src="./images/icon-login.png" alt=""> 登陆之后看更多</a>
            </div>
            <div class="guess_content">
                <ul>
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_1.jpg" alt="">
                        <p>欧莱雅男士矿物质洗面奶</p>
                    </li>
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_2.jpg" alt="">
                    </li>  
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_1.jpg" alt="">
                        <p>欧莱雅男士矿物质洗面奶</p>
                    </li> 
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_2.jpg" alt="">
                    </li>  
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_1.jpg" alt="">
                        <p>欧莱雅男士矿物质洗面奶</p>
                    </li>
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_2.jpg" alt="">
                    </li>  
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_2.jpg" alt="">
                    </li>  
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_1.jpg" alt="">
                        <p>欧莱雅男士矿物质洗面奶</p>
                    </li>
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_2.jpg" alt="">
                    </li>  
                    <li>
                        <div class="li-div">
                            <span>￥95</span>
                            <a href="" class="look">看相似</a>
                        </div>
                        <img src="./uploads/item_1.jpg" alt="">
                        <p>欧莱雅男士矿物质洗面奶</p>
                    </li>
                </ul>
            </div>
            <div class="weibu">
                <a href="" class="click-more">
                    点击加载更多
                </a>
                <div class="login">
                    <a href="">登录</a>
                    <a href="">登录</a>
                    <a href="">登录</a>
                    <a href="">登录</a>
                </div>
                <div class="customer">
                    <a href="">
                        <span></span>
                        <p>客户端</p>
                    </a>
                    <a href="">
                        <span></span>
                        <p>客户端</p>
                    </a>
                    <a href="">
                        <span></span>
                        <p>客户端</p>
                    </a>
                </div>
                <div class="gaoshi">Copyright © 2004-2016 京东JD.com 版权所有
                </div>
            </div>
            <footer>
                <a href="">
                    <img src="./images/index-icon.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index-icon.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index-icon.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index-icon.png" alt="">
                </a>
                <a href="">
                    <img src="./images/index-icon.png" alt="">
                </a>
            </footer>
        </div>
    </body>
    </html>